
{extend name='public/window' /}

{block name="content"}
<style>
    .layui-upload-drag {
        position: relative;
        padding: 10px;
        border: 1px dashed #e2e2e2;
        background-color: #fff;
        text-align: center;
        cursor: pointer;
        color: #999;
        border-radius: 50%;
    }
	.layui-input-block {
	    margin-left: 170px !important;
	}
	.layui-form-label {
	    width: 130px !important;
	}
	.layui-input, .layui-textarea {
	    display: inline-block;
	}
</style>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body" style="padding: 15px;">
            <form class="layui-form" action="" lay-filter="form">
                {if isset($info.id)}
                <input type="hidden" name="id" value="{$info.id}">
                {/if}
                <input type="hidden" name="__token__" id="token" value="{:token()}"/>
                <div class="layui-form-item">
                    <label class="layui-form-label">区域 * </label>
                    <div class="layui-input-block">
                        <select name="pid" lay-filter="pid" id="pid">
                            <option value="0">设为顶级</option>
                            {volist name="cost_list" id="t"}
                            <option value="{$t.id}" >{$t.name}</option>
                            {/volist}
                        </select>
                    </div>
                </div>

				<div class="layui-form-item">
				    <label class="layui-form-label">名称 *</label>
				    <div class="layui-input-block">
				        <input type="text" name="name" autocomplete="off"
				               placeholder="请输入名称" class="layui-input" id="merchant_sn_edit">
				    </div>
				</div>
                <div class="layui-form-item layui-layout-admin " style="width: 100%">
                    <div class="layui-input-block">
                        <div class="layui-footer" style="left: 0px;text-align: center;">
                            <button class="layui-btn" lay-submit="" lay-filter="add">{:__('Submit')}</button>
                            <button type="reset" class="layui-btn layui-btn-primary">{:__('Reset')}</button>
                        </div>
                    </div>
                </div>

            </form>
        </div>
    </div>
</div>


<script>
    layui.use(['element', 'form', 'jquery','lucky','upload','laydate','xmSelect'], function () {
        var element = layui.element;
        var table = layui.table;
        var form = layui.form;
        var laydate = layui.laydate;
        var $ = layui.jquery;
        var lucky=layui.lucky;
        //表单赋值
        var info = {:json_encode($info)};
        form.val("form",info);
        form.on('submit(add)', function (data) {
            lucky.FormSubmit("{:url('add')}",data.field,true);
            return false;
        });
        if(info){
            if(info.pid>0){
                $("#is_tax").css('display','block'); //显示
                $("#is_carry_down").css('display','block'); //显示
                $("#cost_sn").css('display','block'); //显示
                if(info.is_carry_down==1){
                    $("#carry_down_name").css('display','block'); //显示
                    $("#carry_down_sn").css('display','block'); //显示
                }
                if(info.type==2){
                    $("#is_tax").css('display','block');
                    $("#is_carry_down").css('display','block'); //显示
                    if(info.pid==1 || info.pid==5){
                        // $("#cost_money").css('display','block'); //显示
                        if(info.pid==5){
                            $("#th_money").css('display','block'); //显示
                        }
                    }
                    if(info.tax==1){
                        $("#tax_rate").css('display','block'); //显示
                        $("#tax_sn").css('display','block'); //显示
                        $("#tax_name").css('display','block'); //显示
                    }
                }else{
                    // $("#cost_money").css('display','block'); //显示
                }
            }else{
                $("#is_number").css('display','block'); //显示
                $("#is_sole").css('display','block'); //显示
                $("#is_card").css('display','block'); //显示
                if(info.is_number==1){
                    $("#number").css('display','block'); //显示
                }else{
                    $("#number").css('display','none'); //隐藏
                }
            }
        }

        form.on('select(pid)', function(data){
            var  pid = data.value;
            if(pid>0){
                $("#is_tax").css('display','block'); //显示
                $("#is_carry_down").css('display','block'); //显示
                $("#cost_sn").css('display','block'); //显示
                if(pid==1 || pid==5){
                    // $("#cost_money").css('display','block'); //显示
                    if(pid==5){
                        $("#th_money").css('display','block'); //显示
                    }else{
                        $("#th_money").css('display','none'); //隐藏
                    }
                }else{
                    $("#th_money").css('display','none'); //隐藏
                }
            }else{
                var  type = $("#type").val();
                if(type==3){
                    $("#is_card").css('display','block'); //显示
                    $("#is_sole").css('display','block'); //显示
                    $("#is_number").css('display','block'); //显示
                }
                $("#is_tax").css('display','none'); //隐藏
                $("#is_carry_down").css('display','none'); //
                $("#tax_rate").css('display','none'); //隐藏
                $("#tax_sn").css('display','none'); //隐藏
                $("#tax_name").css('display','none'); //隐藏
                // $("#cost_money").css('display','none'); //隐藏
                $("#th_money").css('display','none'); //隐藏
            }
        });
        form.on("radio(is_tax)", function (data) {
            var tax = data.value;
            if(tax==1){
                $("#tax_rate").css('display','block'); //显示
                $("#tax_sn").css('display','block'); //显示
                $("#tax_name").css('display','block'); //显示
            }else{
                $("#tax_rate").css('display','none'); //隐藏
                $("#tax_sn").css('display','none'); //显示
                $("#tax_name").css('display','none'); //显示
            }
        });
        form.on("radio(is_carry_down)", function (data) {
            var tax = data.value;
            if(tax==1){
                $("#carry_down_name").css('display','block'); //显示
                $("#carry_down_sn").css('display','block'); //显示
            }else{
                $("#carry_down_name").css('display','none'); //隐藏
                $("#carry_down_sn").css('display','none'); //显示
            }
        });
        form.on("radio(is_number)", function (data) {
            var is_number = data.value;
            if(is_number==1){
                $("#number").css('display','block'); //显示
            }else{
                $("#number").css('display','none'); //隐藏
            }
        });
        form.on('select(type)', function(data){
            var  type = data.value;
            var  pid = $("#pid").val();
            if(type==3 && pid==0){
                $("#is_card").css('display','block'); //显示
                $("#is_sole").css('display','block'); //显示
                $("#is_number").css('display','block'); //显示
            }else{
                $("#is_card").css('display','none'); //显示
                $("#is_sole").css('display','none'); //显示
                $("#is_number").css('display','none'); //隐藏
            }
            if(type==2 && pid>0){
                $("#is_tax").css('display','block');
                $("#carry_down_name").css('display','none'); //显示
                $("#cost_sn").css('display','block'); //显示
                // if(pid==1 || pid==5){
                //     // $("#cost_money").css('display','block'); //显示
                //     if(pid==5){
                //         $("#th_money").css('display','block'); //显示
                //     }else{
                //         $("#th_money").css('display','none'); //隐藏
                //     }
                // }else{
                //     // $("#cost_money").css('display','none'); //隐藏
                //     $("#th_money").css('display','none'); //隐藏
                // }
            }else{
                // $("#cost_money").css('display','block'); //隐藏
                $("#is_tax").css('display','none'); //隐藏
                $("#carry_down_name").css('display','none'); //显示
                $("#tax_rate").css('display','none'); //隐藏
                $("#tax_sn").css('display','none'); //隐藏
                $("#tax_name").css('display','none'); //隐藏
                $("#th_money").css('display','none'); //隐藏
            }
        });

    })
</script>

{/block}

